import React, { Component } from 'react'
import Child from './Child'

export default class Parent extends Component {

state = {
    hasError : ''//用于标识子组件是否产生错误
}


//Parent的子组件出现报错的时候，会触发getDerivedStateFromError方法,并携带错误信息
static getDerivedStateFromError(error) {
    return {
        hasError : error
    }
}

componentDidCatch(error,info){
    //当子组件产生错误，会触发componentDidCatch方法，并携带错误信息
    console.log('统计错误次数，发送给后台')
    console.log(error,info)
}

  render() {
    return (
      <div>
        <h2>我是Parent</h2>
        {this.state.hasError ? <h2>当前网络不稳定</h2>:<Child/>}
      </div>
    )
  }
}
